<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新增违规参数配置</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/product.css">
	<link rel="stylesheet" href="css/select-big.css">
</head>
<body style="background:#fff;">
	<div class="main-content-box">
		<div class="content-list">
			<ul class="info-area" style="border-bottom:none;">
				<li>
					<span class="info-red"><font color="red">*</font>违规类别：</span>
					<select class="multiselect" id="single">
						<option value="1">一般营销违规</option>
						<option value="2">严重营销违规</option>
					</select>
				</li>
				<li>
					<span class="info-red"><font color="red">*</font>违规情形：</span>
					<select class="multiselect" id="single1">
						<option value="1">飞单</option>
						<option value="2">代签字、伪造证件、产品推介过程中误导</option>
						<option value="3">执照异常或受到其他行政处罚</option>
						<option value="4">监管罚单</option>
						<option value="5">公开推介、宣传误导、宣传不合规信息及其他</option>
						<option value="6">账户资料、相关证明等审核不严</option>
						<option value="6">未按要求执行展业规范</option>
					</select>
				</li>
				<li>
					<span class="info-red"><font color="red">*</font>违规责任人扣分：</span>
					<input type="text" placeholder="">
				</li>
				<li>
					<span class="info-red"><font color="red">*</font>团队扣分：</span>
					<input type="text" placeholder="">
				</li>
				<li>
					<span class="info-red"><font color="red">*</font>营业部违规系数：</span>
					<input type="text" placeholder="">
				</li>
				<li>
					<span class="info-red"><font color="red">*</font>营业部扣分：</span>
					<input type="text" placeholder="">
				</li>
				<li>
					<span class="info-red"><font color="red">*</font>大区违规系数：</span>
					<input type="text" placeholder="">
				</li>
				<li>
					<span class="info-red"><font color="red">*</font>大区扣分：</span>
					<input type="text" placeholder="">
				</li>
				<li>
					<div class="line-bottom">
						<button class="save-btn mgauto">保存</button>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<script src="js/jquery-1.12.0.min.js"></script>
	<script src="js/select.jquery.js"></script>
    <script type="text/javascript">
        $('.multiselect').multiselect({setMaxOptionNum:4,selectedHtmlValue:''});
		$('#single').multiselect({multiple:false,selectedHtmlValue:'全部',setWidth: 338+'px'});
		$('#single1').multiselect({multiple:false,selectedHtmlValue:'全部',setWidth: 338+'px'});

		$('select').change(function(){
				// alert(1);
		});
		$('select').on('change',function(){
			console.log($(this).val())
			console.log($(this).find("option:selected").text())
		});
    </script>
</body>
</html>